HTML

<section class="thumbnail-list" role='list' aria-label='news list'>
            
            
                <article class="thumbnail-list__item u-cf" role="listitem">
            
                    <a class="thumbnail-list__item-link" href="mastersub-system.html">
                        <h2 class="thumbnail-list__item-title">
                            Lorem Ipsum Dolor Sit Amet
                        </h2>
                    </a>
            
            
                    <div class="thumbnail-list__item-image">
                        <img src="/images/temp/article-2.jpg" alt="#">
                    </div>
            
                    <div class="thumbnail-list__content-wrap">
                        <div class="rtf">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        </div>
                    </div>
            
                </article>
                <article class="thumbnail-list__item u-cf" role="listitem">
            
                    <a class="thumbnail-list__item-link" href="mastersub-system.html">
                        <h2 class="thumbnail-list__item-title">
                            Lorem Ipsum Dolor Sit Amet Consectetur
                        </h2>
                    </a>
            
            
                    <div class="thumbnail-list__item-image">
                        <img src="/images/temp/article-2.jpg" alt="#">
                    </div>
            
                    <div class="thumbnail-list__content-wrap">
                        <div class="rtf">
                            <p>Donec dignissim lobortis dapibus. Etiam venenatis consectetur urna, sit amet aliquam lorem porta sit amet. Vivamus venenatis hendrerit felis, in porta arcu molestie eu.</p>
                        </div>
                    </div>
            
                </article>
                <article class="thumbnail-list__item u-cf" role="listitem">
            
                    <a class="thumbnail-list__item-link" href="mastersub-system.html">
                        <h2 class="thumbnail-list__item-title">
                            Lorem Ipsum Dolor Sit Amet
                        </h2>
                    </a>
            
            
                    <div class="thumbnail-list__item-image">
                        <img src="/images/temp/article-2.jpg" alt="#">
                    </div>
            
                    <div class="thumbnail-list__content-wrap">
                        <div class="rtf">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        </div>
                    </div>
            
                </article>
                <article class="thumbnail-list__item u-cf" role="listitem">
            
                    <a class="thumbnail-list__item-link" href="mastersub-system.html">
                        <h2 class="thumbnail-list__item-title">
                            Lorem Ipsum Dolor Sit Amet
                        </h2>
                    </a>
            
            
            
                    <div class="thumbnail-list__content-wrap">
                        <div class="rtf">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        </div>
                    </div>
            
                </article>
                <article class="thumbnail-list__item u-cf" role="listitem">
            
                    <a class="thumbnail-list__item-link" href="mastersub-system.html">
                        <h2 class="thumbnail-list__item-title">
                            Lorem Ipsum Dolor Sit Amet Consectetur
                        </h2>
                    </a>
            
            
            
                    <div class="thumbnail-list__content-wrap">
                        <div class="rtf">
                            <p>Donec dignissim lobortis dapibus. Etiam venenatis consectetur urna, sit amet aliquam lorem porta sit amet. Vivamus venenatis hendrerit felis, in porta arcu molestie eu.</p>
                        </div>
                    </div>
            
                </article>
                <article class="thumbnail-list__item u-cf" role="listitem">
            
                    <a class="thumbnail-list__item-link" href="mastersub-system.html">
                        <h2 class="thumbnail-list__item-title">
                            Lorem Ipsum Dolor Sit Amet
                        </h2>
                    </a>
            
            
            
                    <div class="thumbnail-list__content-wrap">
                        <div class="rtf">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        </div>
                    </div>
            
                </article>
            
            </section> <!-- .thumbnail-list -->